<template>
	<div class="h-full">
		<div class="h-full" id="topology"></div>
	</div>
</template>

<script>
	import { Topology } from '@topology/core'
  import * as Util from "@/utils";
	export default {
		data() {
			return {}
		},
		methods: {},
    mounted() {
			const topology = new Topology('topology', {
				// https://developer.le5le.com/tutorial/topology.html#options-%E9%80%89%E9%A1%B9
				grid: false, // 是否显示网格
				rule: false, // 是否显示标尺
        // autoExpandDistance:-1,
        // minScale:0.1,
        // maxScale:5,
        disableScale: true,
			})
      window.topology = topology
		},
    computed:{
      containerHeight() {
        return Util.getClientHeight() - 353;
      },
    },
	}
</script>

<style>
</style>
